import React, {ReactNode} from "react";
import { Tag } from "antd";

interface IVTagGroupProps {
    tags: ReactNode[],
    color: string;
    extra?: {[key: string]: any}
}
const VTagGroup: React.FC<IVTagGroupProps> = (props) => {
    const { tags = [], color } = props;
    console.log(tags)
    return <div className="v-tag-group-wrapper">
        {
            tags.map(item => {
                return <Tag color={color} {...props.extra}>{item}</Tag>
            })
        }
    </div>
}

export default VTagGroup;